<template>
  <div id="homeStyle">
    <div style="border-bottom:1px solid #d5d5d5;">
      <nav-menu></nav-menu>
    </div>
    <router-view />
  </div>
</template>

<script>
  import NavMenu from '../components/common/NavMenu'

  export default {
    name: 'Home',
    components: {
      NavMenu
    },
    created() {
      this.$store.dispatch('foodoirGetDishes');
      this.$store.dispatch('foodoirGetDishesIngredients');
      this.$store.dispatch('foodoirGetDishesStep');
      let userid = this.$store.state.user.userId
      this.$store.dispatch('getUserInfo', userid)

    },
  }
</script>

<style scoped>
  #homeStyle {
    /* height: 500px; */
  }
</style>